/* * @Author: wangsh  * @Date: 2019-05-11 19:46:19  */
import React from 'react';
import { Layout, Icon } from 'antd';
import { withRouter } from 'react-router-dom';
import NavLeft from 'common/navLeft';
import HeaderNav from 'common/headerNav';
import Footers from 'common/footer';
import BreadNav from './common/breadNav';

import './style/common.scss';

const { Content } = Layout;

const Admin = (props) => {
  return (
    <Layout className="container">
      <NavLeft />
      <Layout style={{ flexDirection: 'column', overflow: 'hidden', position: 'relative' }}>
        <div
          className="msg"
          onMouseEnter={(e) => {
            console.log(e);
          }}
        >
          <Icon type="smile" />
        </div>
        <HeaderNav />
        <Content style={{ padding: '0 20px', overflow: 'auto' }}>
          <BreadNav />
          <div>
            { props.children }
          </div>
        </Content>
        <Footers />
      </Layout>
    </Layout>
  );
};

export default withRouter(Admin);
